export default config => {
	return `
	<template>
	<div :class="[b(), className]" :style="styleSizeName" ref="main">
		<div class="bg-block" :style="bgBlockStyle"></div>
	</div>
</template>

<script>
import create from "../../create";
import { mapState } from "vuex";
export default create({
	name: '${config.compName}',
	props: {
		option: {
			type: Object,
			default: () => {
				return {};
			}
		}
	},
	data() {
		return {};
	},
	watch: {},
	mounted() {},
	computed: {
		bgBlockStyle() {
			return {
				backgroundColor: this.option.backgroundColor,
				"border-radius": this.option.circle ? "100%" : 0
			};
		}
	},
	methods: {}
});
</script>

<style lang="scss">
.bg-block {
	width: 100%;
	height: 100%;
}
</style>
	`;
};
